<template>
  <el-row class="topBckg">
    <slot name="left"></slot>
<!--    <el-col :span="8">
      <i class="el-icon-search"></i>
    </el-col>-->
    <el-col :span="10">
      <span>{{title}}</span>
    </el-col>
    <slot name="right"></slot>
<!--    <el-col :span="4">
      <span>登录|注册</span>
    </el-col>-->
  </el-row>
</template>

<script>

    export default {
        name: "HeaderTop",
        props:{
          title:String
        },

    }
</script>

<style scoped>
  .topBckg{
    background-color: #02a774;
    color: white;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: flex;
    justify-content: space-between;


  }
  .mint-swipe{height: 200px}
  .swipeColor{
    background-color: red;
    height: 30%;
  }

  .el-col-10{
    width: 35.66667%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .el-col-4{width: 18%}
  .eight-frank{
    width: 100%;
  }
 .el-col-24{width: 50%}
</style>
